.sky-focus{
    .c-rel{
        position: relative; overflow: hidden;
    }
    .view-imgs{
        position: relative; overflow: visible;
        white-space: nowrap; width: 100%;
        img{
            width: 100%;
            padding: 0; margin: 0; border: none; display: none; height: 100%; position: absolute;
            top: 0; left: 0; right: 0; z-index: 2;
        }
        img.next{
            left: 100%;
            z-index: 3;
            display: block;
        }
        img.prev{
            left: -100%;
            display: block;
            z-index: 3;
        }
        img.active{
            z-index: 3;
            display: block;
            position: static;
        }
    }
    .view-dots{
        position: absolute; bottom: 10px; text-align: center; left: 0; right: 0; z-index: 4;
        span{
            display: inline-block; width: 8px; height: 8px; background-color: #FFFFFF; border-radius: 8px; margin: 0 2px;
            box-shadow: 0 0 1px #666666;
        }
        span.active{
            background-color: red;
        }
    }
}
